import Vue from 'vue'
import Router from 'vue-router'

const _import = require('./_import_production')
// in development-env not use lazy-loading, because lazy-loading too many pages will cause webpack hot update too slow. so only in production use lazy-loading;
// detail: https://panjiachen.github.io/vue-element-admin-site/#/lazy-loading

Vue.use(Router)

/* Layout */
import Layout from '../views/layout/Layout'

/** note: submenu only apppear when children.length>=1
 *   detail see  https://panjiachen.github.io/vue-element-admin-site/#/router-and-nav?id=sidebar
 **/

/**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
 * alwaysShow: true               if set true, will always show the root menu, whatever its child routes length
 *                                if not set alwaysShow, only more than one route under the children
 *                                it will becomes nested mode, otherwise not show the root menu
 * redirect: noredirect           if `redirect:noredirect` will no redirct in the breadcrumb
 * name:'router-name'             the name is used by <keep-alive> (must set!!!)
 * meta : {
    roles: ['admin','editor']     will control the page roles (you can set multiple roles)
    title: 'title'               the name show in submenu and breadcrumb (recommend set)
    icon: 'svg-name'             the icon show in the sidebar,
    noCache: true                if fasle ,the page will no be cached(default is false)
  }
 **/
export const constantRouterMap = [
    {path: '/login', component: _import('login/index'), hidden: true},
    {path: '/404', component: _import('error/404'), hidden: true},
    {path: '/401', component: _import('error/401'), hidden: true},
    {
        path: '',
        component: Layout,
        redirect: 'dashboard',
        children: [{
            path: 'dashboard',
            component: _import('dashboard/index'),
            name: 'dashboard',
            meta: {title: '首页', icon: 'el-icon-message', noCache: true}
        }]
    }
]

export default new Router({
    routes: constantRouterMap
})

export const asyncRouterMap = [
    {
        path: '/user',
        component: Layout,
        redirect: 'noredirect',
        name: 'userManage',
        meta: {
            title: '用户管理',
            icon: 'el-icon-star-on',//element-ui 图标
        },
        children: [
            {
                path: 'user',
                component: _import('user/user'),
                name: 'user',
                meta: {title: '会员管理', icon: 'el-icon-star-on', noCache: true}
            },
            {
                path: 'address',
                component: _import('user/address'),
                name: 'address',
                meta: {title: '收货地址', icon: 'el-icon-star-on', noCache: true}
            },
            {
                path: 'collect',
                component: _import('user/collect'),
                name: 'collect',
                meta: {title: '会员收藏', icon: 'el-icon-star-on', noCache: true}
            },
            {
                path: 'footprint',
                component: _import('user/footprint'),
                name: 'footprint',
                meta: {title: '会员足迹', icon: 'el-icon-star-on', noCache: true}
            },
            {
                path: 'history',
                component: _import('user/history'),
                name: 'history',
                meta: {title: '搜索历史', icon: 'el-icon-star-on', noCache: true}
            },
            {
                path: 'feedback',
                component: _import('user/feedback'),
                name: 'feedback',
                meta: {title: '意见反馈', icon: 'el-icon-star-on', noCache: true}
            }
        ]
    },

    {path: '*', redirect: '/404', hidden: true}
]
